@charset "UTF-8";
.oprt-tool {
    float: right;
    font-size: 14px;
    margin-top: 10px
}

.oprt-tool li {
    float: left;
    position: relative
}

.oprt-tool li + li {
    border-left: 1px solid #e2e1e1;
    margin-left: 6px;
    padding-left: 6px
}

.oprt-item {
    color: #888;
    display: block;
    padding-left: 20px;
    line-height: 20px;
    background: url(https://static.nowcoder.com/images/img/icons/icon-discuss-v9.png) no-repeat
}

.oprt-item.icon-notes {
    background-position: 0 -491px;
    border-right: 0;
    padding-right: 0
}

.oprt-item.icon-notes:hover {
    background-position: 0 -517px
}

.oprt-ask {
    background-position: 0 2px
}

.oprt-ask:hover {
    background-position: 0 -21px
}

.oprt-invite {
    background-position: 0 -44px
}

.oprt-invite:hover {
    background-position: 0 -66px
}

.oprt-collect {
    background-position: 0 -89px
}

.oprt-collect:hover {
    background-position: 0 -113px
}

.oprt-share {
    background-position: 0 -139px
}

.oprt-share:hover {
    background-position: 0 -161px
}

.oprt-edit, .oprt-error {
    background-position: 0 -184px
}

.oprt-edit:hover, .oprt-error:hover {
    background-position: 0 -207px
}

.oprt-help {
    background-position: 0 -231px
}

.oprt-help:hover {
    background-position: 0 -257px
}

.oprt-like {
    background-position: 0 -282px
}

.oprt-like:hover {
    background-position: 0 -308px
}

.oprt-del {
    background-position: 0 -335px
}

.oprt-del:hover {
    background-position: 0 -361px
}

.oprt-reply {
    background-position: 0 -491px
}

.oprt-reply:hover {
    background-position: 0 -517px
}

.oprt-top {
    background-position: 0 -387px
}

.oprt-top:hover {
    background-position: 0 -413px
}

.oprt-good {
    background-position: 0 -439px
}

.oprt-good:hover {
    background-position: 0 -465px
}

.oprt-note {
    background-position: 0 -490px
}

.oprt-note:hover {
    background-position: 0 -516px
}

.oprt-phone {
    background-position: 0 -543px
}

.oprt-phone:hover {
    background-position: 0 -569px
}

.oprt-item-share:hover .tooltip {
    display: block
}

.oprt-item-share .tooltip {
    top: -40px;
    left: -54px;
    display: none
}

.oprt-item-share .tooltip-inner {
    width: 142px;
    padding: 5px 0 3px
}

.oprt-way {
    background-position: 0 -621px
}

.oprt-way:hover {
    background-position: 0 -595px
}

.oprt-down {
    background-position: 0 -673px
}

.oprt-down:hover {
    background-position: 0 -647px
}

.oprt-load {
    background-position: 0 -725px
}

.oprt-load:hover {
    background-position: 0 -698px
}

.oprt-hot {
    background-position: 0 -855px
}

.oprt-hot:hover {
    background-position: 0 -881px
}

.oprt-nohot {
    background-position: 0 -803px
}

.oprt-nohot:hover {
    background-position: 0 -829px
}

.oprt-wanderful {
    background-position: 0 -959px
}

.oprt-notwanderful {
    background-position: 0 -985px
}

.oprt-invite-answer {
    background-position: 0 -1037px
}

.oprt-invite-answer:hover {
    background-position: 0 -1011px
}

.check-error, .icon-notes, .link-collect {
    float: right;
    color: #333;
    font-size: 14px;
    margin-left: 10px;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    background: url(https://static.nowcoder.com/images/img/icons/ico-rectify.png) 0 2px no-repeat
}

.check-error:hover {
    background: url(https://static.nowcoder.com/images/img/icons/ico-rectify2.png) 0 2px no-repeat
}

.link-collect {
    background: url(https://static.nowcoder.com/images/img/icons/ico-collect2.png) 0 2px no-repeat;
    border-right: 1px solid #eee;
    padding-right: 10px
}

.link-collect:hover {
    background: url(https://static.nowcoder.com/images/img/icons/ico-collect.png) 0 2px no-repeat
}

.icon-notes {
    background: url(https://static.nowcoder.com/images/img/icons/ico-notes.png) 0 -29px no-repeat;
    border-right: 1px solid #eee;
    padding-right: 10px
}

.icon-notes:hover {
    background-position: 0 2px
}

.subject-num-list {
    letter-spacing: -4px;
    margin-right: -10px
}

.subject-num-list li {
    letter-spacing: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
    margin-bottom: 20px
}

.subject-num-list a.done-hover, .subject-num-list a:hover {
    margin: -6px 0;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #333
}

.subject-num-list a {
    display: block;
    color: #333;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative
}

.subject-num-list .correct-order a {
    background: #1abc9c;
    color: #fff
}

.subject-num-list .error-order a {
    background: #ff431e;
    color: #fff
}

.subject-num-list li .mark-spot:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 3px;
    background: #1abc9c;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.subject-num-list .correct-order .mark-spot:after, .subject-num-list .error-order .mark-spot:after {
    background: #fff
}

.answer-list div.answer-list-item, .answer-list li.answer-list-item {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
    padding-top: 15px
}

.answer-content {
    width: 100%;
    float: right
}

.answer-content .click-correction, .answer-content .click-del, .answer-content .click-edit {
    display: none;
    _display: block
}

.answer-content:hover .click-correction, .answer-content:hover .click-del, .answer-content:hover .click-edit {
    display: block
}

.answer-list .answer-list-item:last-child {
    border: none
}

.answer-head-wrap {
    text-align: center;
    float: left;
    width: 60px;
    margin-right: 10px
}

.answer-head-wrap .answer-head {
    float: none;
    margin: 0 auto
}

.answer-head {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #ededed;
    overflow: hidden;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.answer-head img {
    width: 100%;
    display: block
}

.answer-tag {
    display: block;
    padding: 2px 0;
    background: #ebebeb;
    margin-top: 10px
}

.answer-detail {
    margin-left: 65px;
    line-height: 1em
}

.answer-detail .answer-name {
    color: #999;
    margin-bottom: 5px;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.answer-detail .answer-name:hover {
    color: #25bb9b
}

.answer-brief {
    font-size: 14px;
    line-height: 1.8
}

.answer-brief a {
    color: #25bb9b
}

.answer-brief a:hover {
    color: #333
}

.answer-brief img {
    max-width: 480px;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    cursor: url(//static.zhihu.com/static/img/zoom-in.cur)
}

.answer-brief blockquote {
    padding-left: 10px;
    margin: .8em 0
}

.answer-brief ol, .answer-brief ul {
    padding-left: 20px
}

.answer-brief ul li {
    list-style-type: disc
}

.answer-brief ol li {
    list-style-type: decimal
}

.answer-brief em {
    font-weight: inherit;
    font-style: italic
}

.answer-legend {
    margin-top: 10px;
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.answer-legend > a {
    float: right;
    color: #21a88b;
    margin-left: 12px
}

.answer-legend > a:hover {
    color: #25bb9b
}

.more-answer {
    display: block;
    padding: 10px 0;
    border: 1px solid #ebebeb;
    border-width: 1px 0;
    font-size: 14px;
    border-top: none
}

.post-floor, .post-floor-green {
    padding: 1px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    background: #dcdadc;
    float: right
}

.post-floor-green {
    background: #0fc0a1
}

.reply-box {
    padding: 15px;
    margin: 15px 0 0;
    background: #eff0f2;
    border-radius: 4px
}

.reply-list {
    margin: 0
}

.reply-list .reply-list-item, .reply-list li {
    line-height: 1.5
}

.reply-list .reply-list-item + .reply-list-item, .reply-list li + li {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    margin-top: 10px
}

.reply-list .reply-list-item .reply-del, .reply-list li .reply-del {
    display: none
}

.reply-list .reply-list-item:hover .reply-del, .reply-list li:hover .reply-del {
    display: block
}

.reply-main {
    margin-bottom: 10px
}

.reply-person {
    margin-right: 15px;
    display: inline;
    white-space: nowrap
}

.reply-person a {
    color: #999;
    max-width: 13em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.reply-person a:hover {
    color: #25bb9b
}

.reply-content {
    color: #666;
    display: inline;
    line-height: 2;
    vertical-align: middle
}

.reply-content img {
    max-width: 100%
}

.reply-content img[data-card-emoji] {
    vertical-align: middle
}

.reply-info {
    color: #999
}

.reply-editbox {
    position: relative;
    padding-top: 15px;
    margin-bottom: 0
}

.toparrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    right: 10px;
    border-bottom-color: #dce4ec;
    border-width: 0 7px 7px;
    margin-left: -7px;
    top: 8px
}

input.reply-input, textarea.reply-input {
    width: 478px;
    outline: 0;
    font-size: 12px;
    height: 20px;
    line-height: 18px;
    padding: 5px
}

textarea.reply-input.reply-input-textarea {
    margin: 0;
    resize: none;
    overflow: hidden
}

.editor-box .txtarea-foot .btn-modify-cancel, .editor-box .txtarea-foot .btn-modify-sure {
    width: 75px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    float: right;
    margin-left: 10px
}

.reply-editbox .icon-emotion {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    background: url(https://static.nowcoder.com/images/img/icons/ico-emoticon.png) no-repeat
}

.reply-editbox .icon-emotion:hover {
    background-position: -24px 0
}

.reply-editbox .reply-action {
    margin-top: 10px
}

.reply-editbox .btn.reply-btn {
    width: 75px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    float: right
}

.reply-focus .toparrow {
    border-bottom-color: #1abc9c
}

.reply-focus .reply-input {
    border-color: #1abc9c
}

.more-reply {
    text-align: center;
    margin-top: 30px
}

.more-reply a {
    color: #25bb9b
}

.notes-hd {
    font-size: 16px;
    margin-bottom: 6px
}

.notes-bd, .notes-bd p {
    line-height: 1.6;
    margin-bottom: 10px;
    font-size: 14px
}

.votebar {
    float: left;
    margin-right: 18px
}

.votebar.keep-top {
    position: fixed;
    top: 60px
}

.votebar .down, .votebar .up {
    background: #eff6fa;
    border: none;
    border-radius: 3px;
    color: #25bb9b;
    cursor: pointer;
    display: block;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 38px;
    outline: 0
}

.votebar .up {
    height: 44px
}

.votebar .label {
    display: block;
    text-indent: -9999em
}

.votebar .count {
    left: 0;
    position: absolute;
    top: 18px;
    top: 10px \9;
    *top: 18px;
    width: 100%;
    display: block
}

.votebar .vote-arrow {
    display: inline-block;
    border: 6px solid transparent;
    font-size: 0;
    height: 0;
    width: 0
}

.votebar .up .vote-arrow {
    border-bottom-color: #25bb9b;
    border-top-style: solid;
    border-top-width: 0;
    margin-bottom: 10px
}

.votebar .up.pressed .vote-arrow, .votebar .up:hover .vote-arrow {
    border-bottom-color: #fff
}

.votebar .down .vote-arrow {
    border-bottom-width: 0;
    border-top-color: #25bb9b
}

.votebar .down.pressed .vote-arrow, .votebar .down:hover .vote-arrow {
    border-top-color: #fff
}

.votebar .down.pressed, .votebar .down:hover, .votebar .up.pressed, .votebar .up:hover {
    background: #25bb9b;
    color: #fff
}

.votebar .down {
    margin: 5px 0 0
}

.votebar .rcmd-label {
    color: #fff;
    background: #e54e38;
    padding: 2px 5px;
    display: block;
    text-align: center;
    margin-top: 10px
}

.result-avatar-list {
    letter-spacing: -4px;
    margin-right: -20px
}

.result-avatar-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: 0;
    margin-right: 9px;
    margin-bottom: 10px;
    width: 105px;
    vertical-align: top;
    height: 150px
}

.result-avatar-list .head-pic {
    margin: 0 auto;
    float: none
}

.head-pic-bg {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    padding: 7px;
    padding: 3px \9;
    margin-bottom: 5px
}

.correct-person-btn {
    display: none;
    margin-top: 20px
}

.result-avatar-list li.correct-person-checked .head-pic-bg, .result-avatar-list li:hover .head-pic-bg {
    background: url(https://static.nowcoder.com/images/img/avatar-checked.png) 0 0 no-repeat;
    background: #fff \9;
    outline: 4px solid #25bb9b \9
}

.result-avatar-list li:hover .correct-person-name {
    color: #25bb9b
}

.result-avatar-list li:hover .correct-person-btn {
    display: block
}

.correct-person-name {
    font-size: 12px;
    display: block;
    margin: 0 auto;
    width: 70px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    text-align: center
}

.correct-person-item {
    border-bottom: none
}

.special-train-list {
    margin-right: -17px
}

.special-train-item {
    float: left;
    position: relative;
    width: 220px;
    margin: 0 5px 5px 0
}

.train-img {
    display: block;
    width: 220px
}

.special-train-title {
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px;
    color: #fff;
    font-size: 16px
}

.feed-item-mod {
    padding: 0
}

.feed-item-mod .answer-list {
    background: #f6f6f6
}

.feed-item-mod .answer-list-item {
    padding: 0 15px
}

.feed-item-mod .answer-head {
    width: 35px;
    height: 35px;
    margin-right: 0
}

.feed-item-mod .answer-detail {
    margin-left: 45px
}

.feed-item-mod .answer-detail > p {
    display: inline
}

.feed-item-mod .answer-detail .answer-brief {
    display: inline;
    line-height: 1.4;
    margin-left: 10px;
    font-size: 12px
}

.feed-item-mod .reply-write textarea {
    width: 98%;
    resize: none;
    margin-bottom: 10px
}

.feed-item-mod .editor-box {
    background: #f6f6f6;
    padding: 0 15px 15px 15px;
    border-top: 1px solid #eee
}

.feed-item-mod .editor-box .reply-write {
    margin-left: 45px
}

.feed-item-mod .pagination {
    margin: 10px 0
}

.feed-item-box {
    padding: 15px
}

.feed-item-box .feed-time {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #888
}

.feed-item-box .feed-time a {
    color: #888
}

.feed-head-pic {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    float: left;
    background: #dadada;
    display: block;
    vertical-align: middle;
    overflow: hidden
}

.feed-head-pic img {
    width: 100%;
    object-fit: cover
}

.feed-hd-info {
    font-size: 14px;
    margin-bottom: 5px;
    vertical-align: middle
}

.feed-hd-info .identity-icon {
    vertical-align: middle
}

.feed-hd-info .feed-status-tag {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    font-size: 12px;
    background: #a1a1a1;
    border-radius: 2px;
    color: #fff
}

.feed-hd-info span {
    display: inline-block;
    vertical-align: middle
}

.feed-hd-info .name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #25bb9b
}

.feed-hd-info .tag-label {
    margin: 0 5px
}

.feed-item-tips {
    background: #e6f8f4;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #25bb9b;
    padding: 5px 0;
    margin-bottom: 10px
}

.feed-item-tips i {
    margin-right: 10px
}

.feed-add-pic {
    margin-left: 15px
}

.feed-add-pic:first-child {
    margin-left: 0
}

.feed-add-pic i {
    margin-right: 5px
}

.feed-action {
    font-size: 14px;
    margin-left: 8px;
    color: #666
}

.feed-item-bd {
    font-size: 14px;
    margin-left: 45px;
    position: relative
}

.feed-item-bd .feed-title {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px
}

.feed-item-bd .feed-transmit-cont + .feed-tags {
    margin-top: 25px
}

.feed-item-bd .feed-tags {
    margin-top: 10px
}

.feed-item-bd .feed-tags .tag-label {
    color: #a6a6a6
}

.feed-item-bd .feed-tags .tag-label:hover {
    color: #25bb9b
}

.feed-item-bd .feed-tags .tag-label-new {
    background: #f7f7f7;
    border: none;
    color: #25bb9b;
    line-height: 20px;
    padding: 0 10px
}

.feed-item-bd .feed-tags .tag-label-new i {
    margin-right: 3px
}

.feed-item-bd .feed-follow-pic {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.feed-item-bd .head-pic {
    background: #ddd;
    margin-right: 0;
    float: none
}

.feed-item-bd .other-pic {
    width: 75px;
    height: 50px;
    background: #ddd
}

.feed-item-bd .other-pic img {
    width: 100%
}

.feed-item-bd .feed-follow {
    position: relative;
    padding: 20px 10px
}

.feed-item-bd .feed-follow .btn {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 90px;
    padding: 8px 0
}

.feed-item-bd .feed-follow .item-box {
    margin-top: 5px
}

.feed-item-bd .feed-follow .item-box > a, .feed-item-bd .feed-follow .item-box > span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 10em;
    vertical-align: top;
    margin-right: 15px;
    font-size: 12px
}

.feed-item-bd .feed-follow .item-box > a i, .feed-item-bd .feed-follow .item-box > span i {
    font-size: 18px;
    color: #25bb9b;
    margin-right: 10px;
    vertical-align: -2px
}

.feed-item-bd .feed-follow .item-box > a .icon-briefcase, .feed-item-bd .feed-follow .item-box > span .icon-briefcase {
    font-size: 16px;
    vertical-align: middle
}

.feed-item-bd .feed-follow .item-box > a .icon-nc-hat, .feed-item-bd .feed-follow .item-box > span .icon-nc-hat {
    font-size: 20px;
    vertical-align: -5px
}

.feed-item-bd .feed-follow .cont {
    display: inline-block;
    vertical-align: middle
}

.feed-transmit {
    color: #666;
    margin-bottom: 5px
}

.feed-transmit .icon-nc-share2 {
    font-size: 20px;
    vertical-align: top;
    color: #a2a2a2
}

.feed-transmit-cont {
    background: #f6f6f6;
    margin: 0 -15px -15px -60px;
    padding: 10px 15px 10px 60px
}

.feed-transmit-cont .feed-cont-quote {
    background: #fff
}

.feed-transmit-cont .feed-tags .tag-label-new {
    background: #fff
}

.quote-tool-oprt {
    margin-top: 5px;
    font-size: 14px
}

.quote-tool-oprt > a {
    display: inline-block;
    line-height: 1;
    color: #aeaeae
}

.quote-tool-oprt > a:hover {
    color: #25bb9b;
    cursor: pointer
}

.quote-tool-oprt > a + a {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #aaa
}

.quote-tool-oprt > span {
    display: inline-block;
    line-height: 1;
    color: #aeaeae
}

.quote-tool-oprt > span + span {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #aaa
}

.feed-item-ft {
    font-size: 12px;
    padding: 3px 0;
    position: relative;
    border-top: 1px solid #eee;
    font-size: 0
}

.feed-item-ft.border-bottom {
    border-bottom: 1px solid #eee
}

.feed-item-ft a {
    color: #a2a2a2;
    text-align: center;
    font-size: 14px;
    padding: 4px 0;
    overflow: hidden
}

.feed-item-ft a + a {
    border-left: 1px solid #eee
}

.feed-item-ft a i {
    font-size: 15px;
    margin-right: 3px
}

.feed-item-ft a.selected, .feed-item-ft a:hover {
    color: #25bb9b
}

.open > .feed-topic-list {
    opacity: 1;
    display: block;
    visibility: visible
}

.feed-topic-list {
    position: absolute;
    display: none;
    z-index: 2;
    left: 0;
    top: 50px;
    width: 450px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    background: #fff
}

.feed-topic-list li {
    padding: 0 20px;
    line-height: 34px;
    font-size: 14px;
    clear: both
}

.feed-topic-list li + li {
    margin-top: -5px
}

.feed-topic-list li.hover, .feed-topic-list li:hover {
    background: #f5f5f5;
    color: #25bb9b;
    cursor: pointer
}

.feed-topic-list li .topic-txt {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 20em
}

.feed-topic-list li .topic-num {
    float: right
}

.feed-item-oprt {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 32px;
    min-width: 150px;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    background: #fff
}

.feed-item-oprt li {
    padding: 0 20px;
    line-height: 34px;
    font-size: 14px
}

.feed-item-oprt li + li {
    margin-top: -5px
}

.feed-item-oprt li:hover {
    background: #f5f5f5;
    color: #25bb9b;
    cursor: pointer
}

.feed-cont {
    margin-bottom: 5px
}

.feed-cont .pop-sign-main {
    margin: 10px 0 0
}

.feed-cont-quote {
    background: #f6f6f6;
    padding: 10px;
    display: block;
    border-radius: 4px
}

.feed-cont-quote .web-link-share {
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding: 15px 0 10px
}

.quote-from {
    margin-bottom: 5px
}

.fold-article {
    margin-bottom: 0
}

.col-img-box {
    margin: 0;
    user-select: none;
    font-size: 0
}

.col-img-loading {
    position: relative
}

.col-img-loading img {
    width: 16px !important;
    height: 16px !important;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    position: absolute
}

.col-img {
    background: #efeff4;
    margin: 10px 10px 0 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.col-img img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.feed-img-tag {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    background: rgba(0, 0, 0, .4)
}

.big-show-img {
    width: 100%;
    margin: 10px 0 0;
    position: relative
}

.big-show-img .big-show-img-mask {
    position: absolute;
    height: 100%;
    width: 33.33%
}

.big-show-img .big-show-img-mask.mask-left {
    left: 0
}

.big-show-img .big-show-img-mask.mask-center {
    left: 33.33%;
    width: 33.34%
}

.big-show-img .big-show-img-mask.mask-right {
    left: 66.67%
}

.big-show-img .mask-zoom-out {
    cursor: zoom-out
}

.big-show-img .mask-e-resize {
    cursor: e-resize
}

.big-show-img .mask-w-resize {
    cursor: w-resize
}

.big-show-img img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto
}

.two-col-img {
    width: 275px;
    height: 275px
}

.three-col-img {
    width: 180px;
    height: 180px
}

.quote-img {
    width: 120px;
    height: 70px
}

.thumbnail-img-box {
    margin-top: 10px;
    margin-right: -10px
}

.thumbnail-img-box .thumbnail-img {
    width: 58px;
    height: 58px;
    padding: 1px;
    margin: 0 9px 0 0;
    opacity: .5;
    filter: alpha(opacity=50)
}

.thumbnail-img-box .thumbnail-img.selected, .thumbnail-img-box .thumbnail-img:hover {
    padding: 0;
    border: 1px solid #e0e0e0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.thumbnail-img-box .thumbnail-img:last-child {
    margin-right: 0
}

.right-cursor {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/arrow/pic_next.cur), auto
}

.left-cursor {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/arrow/pic_prev.cur), auto
}

.small-cursor, .small-cursor img {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/arrow/small.cur), auto
}

.big-cursor, .big-cursor img {
    cursor: url(//static.nowcoder.com/fe/style/images/common/img/arrow/big.cur), auto
}

.no-more-feed {
    text-align: center;
    font-size: 14px;
    padding: 20px 0;
    color: #888;
    position: relative
}

.no-more-feed:after {
    content: "";
    height: 2px;
    top: 50%;
    width: 80%;
    background: #ddd;
    left: 50%;
    position: absolute;
    margin-left: -40%
}

.no-more-feed > a {
    padding: 0 15px;
    position: relative;
    background: #eee;
    z-index: 2;
    cursor: pointer
}

.feeds-loading-fail {
    text-align: center;
    padding: 10px;
    color: #666;
    position: relative
}

.feeds-loading-fail .icon-exclamation-sign {
    color: #d4373e
}

.feeds-loading-fail .icon-nc-tips-close {
    color: #666;
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 9
}

.mod-loading-wrapper {
    position: relative;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px
}

.mod-loading-wrapper .icon-nc-tips-close {
    position: absolute;
    right: -5px;
    top: -5px
}

.mod-loading-tips {
    text-align: center;
    color: #888;
    font-size: 14px
}

.mod-loading-tips .icon-refresh {
    display: inline-block;
    animation: spin 2s infinite linear;
    margin-right: 5px
}

.publish-loading-tips {
    text-align: center;
    color: #888;
    font-size: 14px
}

.publish-loading-tips .icon-refresh {
    display: inline-block;
    animation: spin 2s infinite linear;
    margin-right: 5px
}

.web-link-logo {
    width: 50px;
    height: 50px;
    background: #eee;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px
}

.web-link-logo img {
    width: 100%
}

.web-link-info {
    vertical-align: middle;
    display: inline-block;
    max-width: 520px
}

.web-link-info .web-name {
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.web-link-info p {
    color: #aaa;
    font-size: 12px
}

.tag-label.is-followed {
    background: #eee;
    border-color: #eee
}

.feed-person-cont {
    font-size: 14px;
    width: 520px;
    vertical-align: top;
    display: inline-block
}

.feed-person-cont .name {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 10em
}

.feed-person-cont .at-school, .feed-person-cont .at-work {
    background: #dbefca;
    color: #608e39;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 25px;
    position: relative;
    margin-right: 10px
}

.feed-person-cont .at-school i, .feed-person-cont .at-work i {
    color: #aacf8a;
    font-size: 20px;
    position: absolute;
    top: 0;
    left: 0
}

.feed-person-cont .at-work {
    background: #e6f0fd;
    color: #2c4566
}

.feed-person-cont .at-work i {
    color: #86b3f0
}

.feed-person-cont .sub-info {
    color: #888;
    margin-top: 5px;
    margin-left: 10px
}

.feed-person-main {
    position: relative;
    margin-top: 10px
}

.feed-person-main:before {
    content: "";
    position: absolute;
    border: 6px solid #f9f9f9;
    border-color: transparent transparent #f9f9f9;
    top: -11px;
    left: 30px
}

.feed-person-main section + section {
    margin-top: 10px
}

.feed-person-main .item {
    padding-right: 10px;
    color: #666;
    font-size: 12px
}

.feed-person-main .item > span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 8em
}

.feed-person-main .item.identity-item {
    font-size: 14px
}

.feed-person-main .item + .item {
    border-left: 2px solid #ddd;
    padding-left: 10px
}

.feed-person-main .item .tit {
    margin-right: 10px;
    color: #a3a3a3
}

.feed-person-main .item a {
    color: #666
}

.btn .icon-exchange {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

.feed-cont-topic-list {
    margin-top: 10px;
    margin-right: -30px
}

.feed-cont-topic-list li {
    width: 44%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    font-size: 14px;
    margin-right: 30px
}

.feed-cont-topic-list .feed-topic-txt {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 11em;
    margin: 0 5px
}

.feed-cont-topic-list .feed-topic-hot-num {
    color: #888;
    margin-left: 10px;
    float: right
}

.feed-recommend-list li {
    display: inline-block;
    vertical-align: top;
    width: 127px;
    padding: 10px 0;
    text-align: center
}

.feed-recommend-list li:hover {
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    padding: 10px 3px;
    margin: 0 -3px
}

.feed-recommend-list li .feed-recommend-head {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: none;
    display: block;
    margin: 0 auto 10px
}

.feed-recommend-list li .feed-recommend-head img {
    width: 100%
}

.feed-recommend-list li .feed-recommend-name {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 9em;
    display: block;
    margin: 0 auto
}

.feed-recommend-list li .feed-recommend-detail {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
    color: #999;
    margin-bottom: 10px
}

.feed-recommend-list li .feed-recommend-status {
    font-size: 14px;
    line-height: 26px
}

.feed-recommend-list li .niu-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px
}

.pre-next-box {
    position: fixed;
    left: 50%;
    margin-left: 500px;
    bottom: 280px
}

.pre-next-box a {
    white-space: nowrap;
    display: block;
    background: #9c9fa3;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    border-radius: 0 3px 3px 0
}

.pre-next-box a:hover {
    background: #3d444c
}

.next-question, .pre-question {
    margin-bottom: 10px
}

.knowledge-point {
    background: #f4f9fc;
    margin-top: -1px;
    border-top: 1px solid #d9e2e7;
    border-bottom: 1px solid #d9e2e7
}

.knowledge-point .tag-label {
    color: #999
}

.knowledge-point .tag-label:hover {
    color: #25bb9b
}

.analytic-discuss-num {
    margin-top: 10px;
    display: inline-block
}

.show-subject-answer {
    margin-left: 10px
}

.analytic-page .answer-content {
    width: 880px;
    display: inline-block
}

.analytic-page .answer-detail {
    width: 770px
}

.analysis-mod .btn {
    float: right
}

.analysis-mod h1 {
    margin-top: 7px
}

.analysis-mod .more-answer {
    margin: -1px -30px 0;
    padding: 10px 40px;
    background: #f6f6f6
}

input.reply-input, textarea.reply-input {
    width: 728px
}

.coder-cont-box .btn.continue-challenge {
    font-size: 16px;
    padding: 10px 30px;
    float: right
}

.coder-cont-head {
    margin-bottom: 20px
}

.coder-cont-head h2 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #666
}

.coder-cont-legend {
    font-size: 14px;
    color: #999
}

.coder-cont-legend span {
    margin-right: 30px
}

.coder-cont-box .result-subject-item {
    padding: 20px 0 0
}

a.next-arrow, a.pre-arrow {
    background: url(//static.nowcoder.com/images/img/arrows.png) no-repeat;
    font-size: 14px;
    color: #9c9fa3
}

a.pre-arrow {
    float: left;
    padding-left: 15px;
    background-position: left -86px
}

.pre-arrow:hover {
    background-position: left 4px;
    color: #1abc9c
}

a.next-arrow {
    float: right;
    padding-right: 15px;
    background-position: right -56px
}

.next-arrow:hover {
    color: #1abc9c;
    background-position: right -26px
}

.my-notes h1 {
    float: left;
    margin-bottom: 0
}

.fold-notes, .show-all-notes {
    float: right
}

.open.my-notes h1 {
    margin-bottom: 10px
}

.fold-notes, .my-notes .notes-mod, .open.my-notes .show-all-notes {
    display: none
}

.open.my-notes .fold-notes, .open.my-notes .notes-mod {
    display: block
}

.answer-info {
    margin-bottom: 10px;
    height: 30px;
    line-height: 30px
}

.answer-info .tags-box {
    float: right
}

.answer-head {
    width: 30px;
    height: 30px
}

.answer-head img {
    width: 30px
}

.answer-name {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.correct-person-item {
    border-bottom: 1px solid #ededed
}

.txtarea-foot {
    margin-top: 20px
}

.topic-quality {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px
}

.topic-quality .nk-toggle-box {
    vertical-align: middle;
    margin-right: 40px
}

.topic-quality .toggle-button-inner {
    padding: 0 15px;
    line-height: 34px;
    height: 34px
}

.topic-quality .toggle-button-inner i {
    margin-right: 5px;
    font-size: 16px
}

.topic-quality .toggle-button-inner .no-zan:before {
    transform: rotateX(180deg)
}

.topic-quality .difficulty {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.topic-quality .tag-label {
    font-size: 14px;
    padding: 4px 6px 4px 10px;
    margin-right: 10px;
    border-color: #e5e5e5
}

.topic-quality .tag-label .num {
    background: #a0a0a0;
    color: #fff;
    display: inline-block;
    padding: 1px 6px;
    border-radius: 16px;
    font-size: 12px;
    margin-left: 5px
}

.topic-quality .tag-label:hover {
    background: #ebebeb;
    color: #a0a0a0;
    border-color: #e5e5e5
}

.topic-quality .tag-label.selected, .topic-quality .tag-label.selected:hover {
    background: #fff;
    border-color: #25bb9b;
    color: #25bb9b
}

.topic-quality .tag-label.selected .num, .topic-quality .tag-label.selected:hover .num {
    background: #25bb9b
}

.result-tips-wrapper {
    background: #f2fbf9;
    margin: 20px;
    font-size: 16px;
    padding: 40px 20px;
    text-align: center
}

.result-tips-wrapper .result-tips-cont {
    margin-bottom: 30px
}

.result-tips-wrapper .result-tips-cont img, .result-tips-wrapper .result-tips-cont > span {
    display: inline-block;
    vertical-align: middle
}

.result-tips-wrapper .result-tips-cont > span {
    margin-left: 10px
}

.contain-knowledge-box {
    border-top: 1px solid #ededed;
    padding-top: 25px;
    margin-top: 25px
}

.contain-knowledge-box .hd {
    font-size: 14px;
    margin-bottom: 15px
}

.contain-knowledge-box .tags-input-wrap input {
    width: 400px
}